<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>视频审核</title>
		<link rel="stylesheet" href="../src/css/layui.css">
		<link rel="stylesheet" type="text/css" href="../dist/css/common.css" />
	</head>

	<body>
		<div class="layui-fluid">
			<div class="w-title"><span class="w-blueline"></span>
				<a href="###">视频审核</a>
			</div>
			<div class="layui-row">
				<div class="layui-col-md4">
					<div class="layui-form-item">
						<label class="layui-form-label">所属基地</label>
						<div class="layui-input-block">
							<input style="width:65%;float:left;" type="text" name="title" required="" lay-verify="required" placeholder="请输入联系人" autocomplete="off" class="layui-input">
							<button class="layui-btn layui-btn-radius" style="float: left;margin-left: 10px;">选取</button>
						</div>
					</div>
				</div>
				<div class="layui-col-md1">&nbsp;</div>
				<div class="layui-col-md3">
					<div class="layui-form-item">
						<label class="layui-form-label">所属地块</label>
						<div class="layui-input-block">
							<select name="">
								<option value="">请选择</option>
							</select>
						</div>
					</div>
				</div>
				<div class="layui-col-md1">&nbsp;</div>
			</div>
			<div class="layui-row">
				<div class="layui-col-md4">
					<div class="layui-form-item">
						<label class="layui-form-label">视频名称</label>
						<div class="layui-input-block">
							<input style="width:65%;float:left;" type="text" name="title" required="" lay-verify="required" placeholder="请输入联系人" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-col-md1">&nbsp;</div>
				<div class="layui-col-md3">
					<div class="layui-form-item">
						<label class="layui-form-label">审核状态</label>
						<div class="layui-input-block">
							<select name="">
								<option value="">请选择</option>
							</select>
						</div>
					</div>
				</div>
				<div class="layui-col-md1">&nbsp;</div>
				<div class="layui-col-md3">
					<a href="###" class="layui-btn">查询</a>
					<a href="###" class="layui-btn">重置</a>
					<a href="dktj.html" class="layui-btn">添加</a>
					<!--<a href="###" class="layui-btn">导出</a>-->
				</div>
			</div>
			<div>
			<table id="demoTable" lay-filter="test"></table>
			</div>
		</div>
		<script src="../src/layui.js"></script>
		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">审核</a>
			<!--<a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>-->
		</script>
		<script>
			layui.use(['table', 'jquery'], function() {
				var table = layui.table;
				var $ = jQuery = layui.$;
				//第一个实例
				table.render({
					elem: '#demoTable',
					//					height: 315
					//  ,url: '/demo/table/user/' //数据接口
					//						,
					page: true //开启分页
						,
					cols: [
						[ //表头
							{
								field: 'id',
								title: '序号',
								width: '10%',
								sort: true,
								align:'center',
								fixed: 'left'
							}, {
								field: 'username',
								title: '视频名称',
								align:'center',
								width: '10%'
							}, {
								field: 'sex',
								title: '用户名称',
								align:'center',
								width: '10%',
								sort: true
							}, {
								field: 'dklx',
								title: '码流',
								align:'center',
								width: '10%',
								sort: true
							}, {
								field: 'city',
								title: '视频类型',
								align:'center',
								width: '10%'
							}, {
								field: 'sign',
								title: '端口',
								align:'center',
								width: '10%'
							}, {
								field: 'area',
								title: '审核状态',
								align:'center',
								width: '10%'
							}, {
								field: 'shzt',
								title: '是否显示视频首页',
								align:'center',
								width: '10%'
							}, {
								field: 'experience',
								title: '操作',
								width: '20%',
								sort: true,
								align:'center',
								toolbar: '#barDemo'
							}
						]
					],
					data: [{
						"id": "10001",
						"username": "杜甫",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "116",
						"ip": "192.168.0.8",
						"logins": "108",
						"area":"价目是",
						"shzt": "2016-10-14"
					}, {
						"id": "10002",
						"username": "李白",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "12",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14",
					}, {
						"id": "10003",
						"username": "王勃",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "65",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14"
					}, {
						"id": "10004",
						"username": "贤心",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "666",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14"
					}, {
						"id": "10005",
						"username": "贤心",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "86",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14"
					}, {
						"id": "10006",
						"username": "贤心",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "12",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14"
					}, {
						"id": "10007",
						"username": "贤心",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "16",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14"
					}, {
						"id": "10008",
						"username": "贤心",
						"email": "xianxin@layui.com",
						"sex": "男",
						"dklx": "水田",
						"city": "浙江杭州",
						"sign": "人生恰似一场修行",
						"experience": "106",
						"ip": "192.168.0.8",
						"logins": "106",
						"area":"价目是",
						"shzt": "2016-10-14"
					}]
				});
				$('.demoTable .layui-btn').on('click', function() {
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
			});
		</script>
	</body>

</html>